<template>
    <el-card>
      <div style="font-size: 20px; margin-bottom: 20px;">采购信息</div>
      <el-row :gutter="20">
        <el-col :span="12">
          <div>采购编号：{{ detail.cgCode }}</div>
          <div>采购原料编号：{{ detail.cgYlCode }}</div>
          <div>申请日期：{{ detail.applyDate }}</div>
          <div>采购批次号：{{ detail.batchCode }}</div>
          <div>采购人：{{ detail.purchaser }}</div>
          <div>实际采购价格：{{ detail.realPrice }}</div>
          <div>支付价格：{{ detail.payPrice }}</div>
        </el-col>
        <el-col :span="12">
          <div>采购原料名称：{{ detail.cgYlName }}</div>
          <div>采购原料数量：{{ detail.cgYlNum }}</div>
          <div>采购日期：{{ detail.cgDate }}</div>
          <div>状态：{{ detail.status }}</div>
          <div>采购预算：{{ detail.budget }}</div>
          <div>采购单价：{{ detail.unitPrice }}</div>
          <div>付款方式：{{ detail.payType }}</div>
        </el-col>
      </el-row>
    </el-card>
    <el-card style="margin-top: 30px;">
      <div style="font-size: 20px; margin-bottom: 20px;">供应商信息</div>
      <el-row :gutter="20">
        <el-col :span="12">
          <div>供应商编号：{{ detail.supplierCode }}</div>
          <div>负责人：{{ detail.supplierPerson }}</div>
        </el-col>
        <el-col :span="12">
          <div>供应商名称：{{ detail.supplierName }}</div>
          <div>负责人电话：{{ detail.supplierPhone }}</div>
        </el-col>
      </el-row>
    </el-card>
  </template>
  <script setup>
  import { ref } from 'vue';
  const detail = ref({
    cgCode: 'CG6271435',
    cgYlCode: 'YL6251611',
    applyDate: '2023-6-24 16:00:56',
    batchCode: 'CG6281722',
    purchaser: '拒假',
    realPrice: '14250元',
    payPrice: '定金4250元+尾款10000元',
    cgYlName: '螺栓',
    cgYlNum: 950,
    cgDate: '2023-6-24 16:24:56',
    status: '已采购',
    budget: '19000元',
    unitPrice: '15/个',
    payType: '定金+尾款',
    supplierCode: 'GYS6271145',
    supplierName: '汽车配件公司',
    supplierPerson: '铁锤',
    supplierPhone: '15945447388'
  });
  </script>